<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:f="http://java.sun.com/jsf/core">

    <rich:modalPanel id="panelUsuarios" width="470" height="450" resizeable="false">
        <f:facet name="header">
            <h:panelGroup>
                <h:outputText value="#{general.listaDe} #{general.id}"></h:outputText>
            </h:panelGroup>
        </f:facet>
        <f:facet name="controls">
            <h:panelGroup>
                <h:graphicImage value="../imagenes/close.png" styleClass="hidelink" id="hidelink"/>
                <rich:componentControl for="panelUsuarios" attachTo="hidelink" operation="hide" event="onclick"/>
            </h:panelGroup>
        </f:facet>
        <h:panelGrid id="pngListaUsuarios" columns="1">
            <rich:panel id="pnlFiltroUsuarios">
                <h:panelGrid id="pngBuscarUsuario" columns="6">
                    <h:outputText id="outFiltroBuscarUsuario" value="#{general.filtro}:" styleClass="texto_negrita_derecha"/>
                    <h:selectOneMenu id="slmFiltroBuscarUsuario" value="#{gestorBuscarUsuarios.filtroBusqueda}" >
                        <f:selectItem id="sliCIEmplado" itemValue="Id" itemLabel="#{general.id}"/>
                        <f:selectItem id="sliNombreEmpleado" itemValue="Nom" itemLabel="#{general.nombre}"/>
                        <a4j:support id="supFiltrosBuscarEmpleado" event="onchange" reRender="pngFiltrosUsuario"
                                     actionListener="#{gestorBuscarUsuarios.inicializarFiltros}" ajaxSingle="true"/>
                    </h:selectOneMenu>
                    <h:panelGroup id="pngFiltrosUsuario">
                        <h:inputText id="inpIdUsuario" value="#{gestorBuscarUsuarios.usuario}" title="#{general.id}"
                                     rendered="#{gestorBuscarUsuarios.filtroBusqueda eq 'Id'}" maxlength="10">
                            <a4j:support id="supFilBEmp" event="onchange" ajaxSingle="true"/>
                        </h:inputText>
                        <h:inputText id="inpNombreUsuario" value="#{gestorBuscarUsuarios.nombre}" title="#{general.nombre}"
                                     rendered="#{gestorBuscarUsuarios.filtroBusqueda eq 'Nom'}" maxlength="81">
                            <a4j:support id="supFilNEmp" event="onchange" ajaxSingle="true"/>
                        </h:inputText>
                    </h:panelGroup>
                    <a4j:commandButton id="btnBuscarUsuario" value="#{general.buscar}" title="#{general.titleBtnBuscaEmp}" reRender="pngFiltrosUsuarios, dttListaUsuarios"
                                       actionListener="#{gestorBuscarUsuarios.buscar}" immediate="true"  />
                </h:panelGrid>
            </rich:panel>
            <rich:dataTable id="dttListaUsuarios" binding="#{gestorBuscarUsuarios.tablaUsuarios}"
                            value="#{gestorBuscarUsuarios.listadoActual}" var="tipo" rowKeyVar="row" rows="10">
                <f:facet id="fctHeadEmpleado" name="header">
                    <h:outputText id="outHeadEmpleado" value="#{general.id}"/>
                </f:facet>
               <rich:column label="#{general.cedula}" >
                    	    <f:facet name="header">
                                <h:outputText id="outCodigoUser" value="#{general.cedula}" title="#{general.cedula}"/>
                            </f:facet>
                           <h:outputText value="#{tipo.cedula}"></h:outputText>
                        </rich:column>
                       <rich:column label="#{general.nombre}}">
                        	<f:facet name="header">
                        		<h:outputText id="outNombreUser" value="#{general.nombre}" title="#{general.nombre}"/>
                            </f:facet>
                           <h:outputText value="#{tipo.nombres}"></h:outputText>
                        </rich:column>
                       <rich:column label="#{general.apellido}}">
                        	<f:facet name="header">
                        		<h:outputText id="outApellido" value="#{general.apellido}" title="#{general.apellido}"/>
                            </f:facet>
                           <h:outputText value="#{tipo.apellidos}"></h:outputText>
                        </rich:column>

                       <rich:column label="#{general.id}}">
                        	<f:facet name="header">
                        		<h:outputText id="outUsuario" value="#{general.id}" title="#{general.id}"/>
                            </f:facet>
                           <h:outputText value="#{tipo.idUsuario}"></h:outputText>
                        </rich:column>

                <rich:column id="clmAccionesEmpleado" label="#{general.acciones}" width="55px" sortable="false">
                    <f:facet id="fctClmAccionesEmpleado" name="header">
                        <h:outputText id="outClmAccionesEmpleado" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                    </f:facet>
                    <div id="divAccionesEmpleado" align="center">
                        <a4j:commandButton id="btnAccionUsuario" actionListener="#{gestorBuscarUsuarios.seleccionarUsuario}" value="#{general.btnVer}"
                                           image="/imagenes/book_next.ico" ajaxSingle="true" reRender="#{gestorBuscarUsuarios.reRender}" title="#{general.titleBtnSeleccionar}"
                                           focus="#{gestorBuscarUsuarios.focus}" />
                    </div>
                </rich:column>
               
            </rich:dataTable>
        </h:panelGrid>
    </rich:modalPanel>
</ui:composition>
